$(function() {
	// 得到?后面的id
	let search = location.search;
	let id = parseInt(search.substring(4));
	console.log(id);

	// 根据id获取相应的产品,这种方法可以,但推荐使用下面的一种方法
	// phoneData.forEach((e) => {
	// 	if (e.pID === id) {
	// 		console.log(e);
	// 	}
	// });
	let phone = phoneData.find((e) => {
		return e.pID === id;
	});
	// console.log(phone);

	// 修改对应id商品的图片,名字,价格
	$('.preview-img>img').attr('src', phone.imgSrc);
	$('.sku-name').text(phone.name);
	$('.summary-price em').text('￥' + phone.price);

	// 实现+号功能
	// $('.add').on('click', function() {
	// 	let num = parseInt($('.choose-number').val());
	// 	num++;
	// 	$('.choose-number').val(num);
	// });
	// 实现-号功能
	// $('.reduce').on('click', function() {
	// 	let num = parseInt($('.choose-number').val());
	// 	num--;
	// 	$('.choose-number').val(num);
	// });
	// 优化
	// 实现+号功能
	let numInput = $('.choose-number');
	$('.add').on('click', function() {
		let num = parseInt(numInput.val());
		numInput.val(++num);
		if (num >= 2) {
			// 移除样式
			$('.reduce').removeClass('disabled');
		}
	});
	// 实现-号功能
	$('.reduce').on('click', function() {
		let num = parseInt(numInput.val());
		if (num <= 1) {
			alert('商品件数不能小于1');
			return;
		}
		numInput.val(--num);
		if (num <= 1) {
			$(this).addClass('disabled');
		}
	});

	// 实现购物车的添加功能和本地存储,下面这种方法在本地存储会被覆盖
	// let arr = [];
	// $('.addshopcar').on('click', function() {
	// 	// 得到商品的数量
	// 	let num = parseInt(numInput.val());
	// 	// 把数量属性存入到phone里面
	// 	phone.number = num;
	// 	console.log(phone);
	// 	arr.push(phone);
	// 	let json = JSON.stringify(arr);
	// 	localStorage.setItem('gwc', json);
	// });

	let oldData = localStorage.getItem('gwc');
	console.log(oldData);
	// 这样写if里面的变量是块级作用域,所以需要转换为三元表达式
	// if (oldData) {
	// 	let arr = JSON.parse(oldData);
	// } else {
	// 	let arr = [];
	// }
	let arr = oldData ? JSON.parse(oldData) : [];
	console.log(arr);
	$('.addshopcar').on('click', function() {
		// 得到商品的数量
		let num = parseInt(numInput.val());
		// 判断id相同就在本地存储叠加,不相同就添加新的数据产品
		// 这种for循环的方法太原始,用新的方法
		// for (let i = 0; i < arr.length; i++) {
		// 	if (arr[i].pID === id) {
		// 	}
		// }
		// 使用数组的some方法
		let exist = arr.some((e) => {
			return e.pID === id;
		});
		if (exist) {
			let existPhone = arr.find((e) => {
				return e.pID === id;
			});
			existPhone.number += num;
		} else {
			// 把数量属性存入到phone里面
			phone.number = num;
			// 加入购物车,默认单选框是勾选的
			phone.checked = true;
			// console.log(phone);
			arr.push(phone);
		}
		let json = JSON.stringify(arr);
		localStorage.setItem('gwc', json);

		// 点击跳转到购物车页面
		location.href = './cart.html';
	});
});
